import * as THREE from 'three'

const hello = 'Hello World!'
// let obj = {
//   foo:{
//     bar:{
//       baz: 'foo.bar.baz'
//     }
//   }
// }
const scene = new THREE.Scene()
const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000)
const renderer = new THREE.WebGLRenderer()

renderer.setSize(window.innerWidth, window.innerHeight)

document.body.appendChild(renderer.domElement)

const geometry = new THREE.BoxGeometry(1, 1, 1)
const material = new THREE.MeshBasicMaterial({ color: 0xffff00 })
const cube = new THREE.Mesh(geometry, material)

scene.add(cube)
console.log(hello)
camera.position.z = 5
function animate() {
  requestAnimationFrame(animate)
  cube.rotation.x += 0.01;
  cube.rotation.y += 0.01;
  renderer.render(scene, camera)
}
animate()
